﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>西安奥德石油工程技术有限责任公司</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="shortcut icon" href="image/favicons.ico" type="image/x-icon" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href=" css/index.css">
		<link rel="stylesheet" href=" css/top.css">
		<link rel="stylesheet" href=" css/mjgk.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap.css">
		<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap.min.css">
			<link rel="stylesheet"
			href=" framework/bootstrap-3.0.0/css/bootstrap-theme.css">
		<link href=" framework/bootstrap-3.0.0/css/bootstrap-combined.min.css"
			rel="stylesheet">
		<script type="text/javascript" src=" js/jquery.js"></script>
		<style type="text/css">
a {
	text-decoration: none;
	color: black !important;
}
a:hover {
	text-decoration: none;
	color: #da2b0c !important;
}
</style>
<script>
	window.onload=function(){
		var tab = document.getElementById("tab");
		var th = tab.getElementsByTagName("th");
		var td = tab.getElementsByTagName("h4");
		for(var i = 0; i <　th.length; i ++){
			th[i].index = i;
			th[i].onclick=function(){
				for(var i = 0; i < th.length; i ++){
					th[i].className = "";
					td[i].style.display = "none";
				}
				this.className = "active";
				td[this.index].style.display = "block";
			}
		}
	}
</script>
		<!--<script>
	window.onload = function() {
		var text = document.getElementById('txt'), str = text.innerHTML, textLeng = 660;
		if (str.length > textLeng) {
			text.innerHTML = str.substring(0, textLeng) + "... ...";
		}
	}
</script>
	-->
	</head>

	<body style="background-color: #eeeeee;font-family: Microsoft YaHei;">
		<div style="top: 0px;"><jsp:include page="top.jsp"></jsp:include></div>
		<div>
			<img src="images/13.png" width="100%" />
		</div>
		<div style="margin-left: 12%;margin-top: 1.5%;">
			<a href="front/index"> 首页</a> >
			<a href="front/xiazai">下载中心</a>
			<br>
			<br>
		</div>
		<div class="show">
		
			<div id="tab">
				<table width="100%">
					<tr>
						<th class="th cursor-pointer text-center">
							技术文献
						</th>

						<th class="th cursor-pointer text-center active">
							参考资料
						</th>

						<th class="th cursor-pointer text-center">
							产品手册
						</th>
					</tr>
				</table>
				<h4>
					<c:forEach items="${one}" var="one">

						<ul>
							<li style="list-style: none;">
								<div class="tit">
									● ${one.title }
								</div>
								<div class="time">
									<a href="front/download?id=${one.id }&imgurl=${one.imgurl }&title=${one.title }"> 下载文件</a>
								</div><br>
							</li>
						</ul>

					</c:forEach>
				</h4>
				<h4 style="display: block;">
					<c:forEach items="${two}" var="two">

						<ul>
							<li style="list-style: none;">
								<div class="tit">
									●${two.title }
								</div>
								<div class="time">
									<a href="front/download?id=${two.id }&imgurl=${two.imgurl }&title=${two.title }"> 下载文件</a>
								</div><br>
							</li>
						</ul>

					</c:forEach>
				</h4>
				<h4>
					<c:forEach items="${three}" var="three">

						<ul>
							<li style="list-style: ntwo;">
								<div class="tit">
									●${three.title }
								</div>
								<div class="time">
									<a href="front/download?id=${three.id }&imgurl=${three.imgurl }&title=${three.title }"> 下载文件</a>
								</div><br>
							</li>
						</ul>

					</c:forEach>
				</h4>
			
			</div>
		</div>
		
	<div class="footer"><jsp:include page="bottom.jsp" flush="true"></jsp:include></div>
	</body>
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
	<script
		src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
	<script>
	$(document).ready(function() {
		$('#myCarousel').carousel();
	});
</script>
</html>
